<!-- 前台店长 – 首页 – 会员管理 –会员详情 – 修改信息			change -->
<template>
	<view class="warps">
		<view class="w90">
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">会员编号</text>
						<input class="ipts" type="text" placeholder="会员编号">
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">姓名</text>
						<input class="ipts" type="text" placeholder="姓名">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<u-select v-model="showcb" mode="single-column" :list="lists1" @confirm="confirm"></u-select>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">性别</text>
						<view @click="showcb = true" class="hui"><text >{{sex}}</text></view>
					</view>
					<view>
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<u-picker mode="time" v-model="showsc" @confirm="tom"></u-picker>
					<view class="vw45 f b c">
						<text class="fs24">生日</text>
						<view @click="showsc = !showsc;" v-model="arr" class="hui" style="width:160rpx;"><text >{{arr}}</text></view>
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">身高</text>
						<input class="ipts" type="text" placeholder="150">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">体重</text>
						<input class="ipts" type="text" placeholder="40">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">B</text>
						<input class="ipts" type="text" placeholder="评分分数">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">F</text>
						<input class="ipts" type="text" placeholder="评分分数">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">C</text>
						<input class="ipts" type="text" placeholder="评分分数">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">B</text>
						<input class="ipts" type="text" placeholder="评分分数">
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">联系方式</text>
						<input class="ipts" type="text" placeholder="联系方式">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">入会时间</text>
						<input class="ipts" type="text" placeholder="入会时间">
					</view>
					<view>
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">有效日期</text>
						<input class="ipts" type="text" placeholder="有效日期">
					</view>
					<view>
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/071.png" mode=""></image>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">剩余课时</text>
						<input class="ipts" type="text" placeholder="剩余课时">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
			<view>
				<view class="f b c p_t_31">
					<view class="vw45 f b c">
						<text class="fs24">已用课时</text>
						<input class="ipts" type="text" placeholder="几节">
					</view>
					<view class="">
						<text class="fs16 blue">编辑</text>
					</view>
				</view>
				<view class="quanxian"></view>
			</view>
		</view>
		<view class="details-bottom w90s">
			<view class="details-bottom-y">
				<button type="default">确认修改</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showsc:false,
				arr:'出生年月日',
				showcb:false,
				sex:"性别",
				lists1: [
					{
						value: '1',
						label: '男士'
					},
					{
						value: '2',
						label: '女士'
					},
					{
						value: '3',
						label: '保密'
					}
				]
			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '会员详情'
			})
		},
		methods: {
			tom(e){
				console.log(e);
				this.arr = e.year +'-'+ e.month+'-'+e.day
			},
			confirm(e) {
				console.log(e[0].label);
				this.sex = e[0].label
			}
		}
	}
</script>

<style scoped>
	.warps {
		height:120vh;
		overflow: hidden;
		background-color: #fff;
	}
	.hui{
		width: 164rpx;
		height: 34rpx;
		font-size:24rpx;
	}
	.ipts{
		width: 164rpx;
		height: 34rpx;
		font-size:24rpx;
	}
	.Post-but{
		margin:0 auto;
		margin-top:244rpx;
	}
	.Post-but>button{
		width: 502rpx;
		height: 72rpx;
		line-height:72rpx;
		opacity: 1;
		background: #1f73f2;
		border-radius: 8rpx;
		font-size:32rpx;
		color:#fff;
	}
	.details-but>button{
		width:200rpx;
		height: 36rpx;
		line-height:36rpx;
		/* opacity: 0.2; */
		background: #F5D3D3;
		border-radius: 4rpx;
		font-size: 20rpx;
		color: #ce2424;
	}
	.details-bottom{
		margin-top:80rpx;
	}
	.details-bottom-y>button{
		width: 280rpx;
		height: 66rpx;
		line-height:66rpx;
		opacity: 1;
		background: #ff7105;
		border-radius: 8rpx;
		font-size: 24rpx;
		color: #ffffff;
	}
</style>

